<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--框架必需start-->
<script type="text/javascript" src="../js/jquery-1.4.js"></script>
<script type="text/javascript" src="../js/framework.js"></script>
<link href="../css/import_basic.css" rel="stylesheet" type="text/css"/>
<link  rel="stylesheet" type="text/css" id="skin"/>
<!--框架必需end-->
<style>
a {
	behavior:url(../js/method/focus.htc)
}
.categoryitems span{
	width:160px;
}
</style>
<script>
	$(function(){
		var box4Idx=0;
		var box4LiIdx;
		var box4Index=jQuery.jCookie('box4Index');
		var box4LiIndex=jQuery.jCookie('box4LiIndex');
		if(box4Index!=false){
			box4Idx=parseInt(box4Index);
		}
		if(box4LiIndex!=false){
			box4LiIdx=parseInt(box4LiIndex);
		}
		$(".box4").not(':eq('+box4Idx+')').hide();
		$(".box4 li a").filter(':eq('+box4LiIdx+')').addClass("current");
		
		$(".box4 li a").each(function(i){
			$(this).click(function(){
				$(".box4 li a").removeClass("current");
				$(this).addClass("current");
				jQuery.jCookie('box4LiIndex',i.toString());
			})
		})
		
	})
	function showTab(num){
		$(".box4").hide(500);
		$(".box4").filter(':eq('+num+')').show(500);
		jQuery.jCookie('box4Index',num.toString());
	}
</script>
<body leftFrame="true">
<div id="scrollContent">
	<div style="padding:5px;">
	
	<div class="box4" panelTitle="初始页样式模板">
		<ul>
<li><a href="../templete/example2-1.html" target="frmright"><span class="text_slice">图标导航</span></a></li>
<li><a href="../templete/example2-2.html" target="frmright"><span class="text_slice">盒子模型</span></a></li>
		</ul>
	</div>
	
	<div class="box4" panelTitle="表格综合模板">
		<ul>
<li><a href="../templete/example3-1.html" target="frmright"><span class="text_slice">含盒子模型</span></a></li>
<li><a href="../templete/example3-2.html" target="frmright"><span class="text_slice">含图标工具栏</span></a></li>
<li><a href="../templete/example3-3.html" target="frmright"><span class="text_slice">含迷你型图标工具栏</span></a></li>
<li><a href="../templete/example3-4.html" target="frmright"><span class="text_slice">表头固定</span></a></li>
		</ul>
	</div>
	
	<div class="box4" panelTitle="表单综合模板">
		<ul>
<li><a href="../templete/example4-1.html" target="frmright"><span class="text_slice">单列</span></a></li>
<li><a href="../templete/example4-2.html" target="frmright"><span class="text_slice">双列</span></a></li>
<li><a href="../templete/example4-3.html" target="frmright"><span class="text_slice">分组</span></a></li>
<li><a href="../templete/example4-4.html" target="frmright"><span class="text_slice">表单验证</span></a></li>
<li><a href="../templete/example4-5.html" target="frmright"><span class="text_slice">复杂表单</span></a></li>
<li><a href="../templete/example4-6.html" target="frmright"><span class="text_slice">表单拆分</span></a></li>
		</ul>
	</div>
	
	<div class="box4" panelTitle="图片列表综合模板">
		<ul>
		<li><a href="../templete/example5-1.html" target="frmright"><span class="text_slice">图片列表综合模板</span></a></li>
		</ul>
	</div>
	
	<div class="box4" panelTitle="多层级嵌套模板">
		<ul>
<li><a href="../templete/example6-1.html" target="frmright"><span class="text_slice">横向导航</span></a></li>
<li><a href="../templete/example6-2.html" target="frmright"><span class="text_slice">纵向导航</span></a></li>
<li><a href="../templete/example6-3.html" target="frmright"><span class="text_slice">综合布局</span></a></li>
		</ul>
	</div>
	
	<div class="box4" panelTitle="图表模板">
		<ul>
<li><a href="../templete/example7-1.html" target="frmright"><span class="text_slice">简单图表</span></a></li>
<li><a href="../templete/example7-2.html" target="frmright"><span class="text_slice">复杂图表</span></a></li>
<li><a href="../templete/example7-3.html" target="frmright"><span class="text_slice">另类图表</span></a></li>
		</ul>
	</div>
	
	<div class="box4" panelTitle="其他">
		<ul>
<li><a href="../templete/example8-1.html" target="frmright"><span class="text_slice">日程安排</span></a></li>
		</ul>
	</div>
	
	<div class="box4" panelTitle="四级栏目示例" noTitle="true">
		<div class="subtitle"><div class="subtitle_con">第三级1</div></div>
		<ul>
		<li><a href="javascript:;" target="frmright"><span class="text_slice">第四级1</span></a></li>
		<li><a href="javascript:;" target="frmright"><span class="text_slice">第四级2</span></a></li>
		<li><a href="javascript:;" target="frmright"><span class="text_slice">第四级3</span></a></li>
		</ul>
		<div class="subtitle"><div class="subtitle_con">第三级2</div></div>
		<ul>
		<li><a href="javascript:;" target="frmright"><span class="text_slice">第四级4</span></a></li>
		<li><a href="javascript:;" target="frmright"><span class="text_slice">第四级5</span></a></li>
		<li><a href="javascript:;" target="frmright"><span class="text_slice">第四级6</span></a></li>
		</ul>
	</div>
	
	<div class="box4" panelTitle="基本模板">
		<ul>
<li><a href="../templete/templete_right.html" target="frmright"><span class="text_slice">基本右侧内页模板</span></a></li>
<li><a href="../templete/templete_right2.html" target="frmright"><span class="text_slice">上下固定的右侧内页模板</span></a></li>
<li><a href="../templete/example1-1.html" target="frmright"><span class="text_slice">弹出窗口内页模板</span></a></li>
		</ul>
	</div>

	</div>
</div>				
</body>
</html>